
import{getCookie} from '../../cookie.js'
import{userList,userDelect}from '../tools/tools.js'

//排序
var num = 1
var oder=''

$("#tabletop-btn").on('click', function () {

    num++
    if (num % 2 == 1) {    //升序
        $('#up').show()
        $('#down').hide()

        oderList(oder='asc')


    } if(num%2==0){//降序
        $('#down').show()
        $('#up').hide()
        oderList(oder='desc')

    } 
})


if (!getCookie('user')) {       //当cookie不存在
    // location.href = 'denglu.html'
    $('.nologin').show()

} else {
    
    $('.logined').show()

    $('#user').html(getCookie('user'))   //右上角显示登录用户名

    $('#esc').on('click', function () {     //点击右上角退出
        $('.nologin').show()
        $('.logined').hide()
        location.href = 'denglu.html'
    })

    
    oderList(oder)

    function oderList(oder) {

        // $.ajax({
        //     type: 'get',
        //     url: "http://localhost:8081/1907/19071/liebiao.php",

        //     data: {
        //         oder:oder
        //     },
        //     dataType: 'json',
        //     success: function (data) {
        //         // console.log(data)
        //         var html = ''
        //         data.forEach(function (item) {
        //             var {
        //                 username,
        //                 id,
        //                 password,
        //                 telephone
        //             } = item
        //             html += `<ul>
        //                     <li>${id}</li>
        //                     <li>${username}</li>
        //                     <li>${password}</li>
        //                     <li>${telephone}</li>
        //                     <li>
        //                         <span class='del' data-id=${id} data-user=${username}>删除</span>|
        //                         <span class='update' data-id=${id}>修改</span>
        //                     </li>
        //                 </ul>`
        //         })
        //         $('.body').html(html)

        //     }
        // })
        userList({ oder:oder}).then(success=>{
            console.log(success)
                var html = ''
                success.forEach(function (item) {
                    var {
                        username,
                        id,
                        password,
                        telephone
                    } = item
                    html += `<ul>
                            <li>${id}</li>
                            <li>${username}</li>
                            <li>${password}</li>
                            <li>${telephone}</li>
                            <li>
                                <span class='del' data-id=${id} data-user=${username}>删除</span>|
                                <span class='update' data-id=${id}>修改</span>
                            </li>
                        </ul>`
                })
                $('.body').html(html)
        })
        
    }



}


$('.body').on('click', '.del', function (event) {/////删除列表
    var $target = $(event.target)

    if ($target.attr('data-user') == getCookie('user')) { ///判断删除自己还是其他(自己无法删除)
        alert('无法删除')
    } else {

        // $.ajax({
        //     type: 'get',
        //     url: `http://localhost/1907/19071/list-shanchu.php`,
        //     data: { id: ($target.attr('data-id')) },
        //     dataType: 'json',
        //     success: function (data) {
        //         // console.log(data)
        //         if (data['code'] == 1) {
        //             alert(data.msg)
        //             $target.parent().parent().remove()
        //         }
        //     }
        // })
        userDelect({ id: ($target.attr('data-id')) }).then(data=>{
                $target.parent().parent().remove()
        })




    }

})


$('.body').on('click', '.update', function (event) {/////修改列表

    var $target = $(event.target)

    location.href = `list-xiugai.html?id=${$target.attr('data-id')}`
})
